<template>
  <div class="sort">
    <h4 class="hh">字母排序</h4>
    <ul class="uu">
      <li v-for="(item,value) of cities" ><a :href="value">{{value}}</a></li>
    </ul>

  </div>
</template>
<script>
export default{
  data(){
    return {}
  },
  props:["cities"]


}
</script>

<style scoped>
 .sort .hh{
    font-size: .12rem;
    line-height: .24rem;
    margin-left:.13rem;
    font-weight:normal;
  }
  .sort .uu{
    overflow:hidden;
    background-color: #fff;
    text-align:center;
    line-height: .45rem;
    color:#212121;
  }
 .sort .uu li{
    width:16.667%;
    float:left;
    font-size: .14rem;
  }
</style>
